<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-plus/2.0.4/index.css">
  <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.31/vue.global.prod.js"></script>
  <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-plus/2.0.4/index.full.min.js"></script>

  <link rel="stylesheet" href="./static/index.css">
  <script src="./static/importmap.js"></script>
  <title>测试是用 CDN 做后台</title>
</head>

<body>
  <div id="app" v-cloak>
    <div class="layout-sidebar">
      <layout-menus :is-collapse="isCollapse" />
    </div>
    <div class="layout-main">
      <div class="navbar">
        <div class="hamburger-container">
          <layout-sidebar v-model:is-collapse="isCollapse" />
        </div>

        <div class="right-menu">
          <layout-user-menu />
        </div>
      </div>
      <div class="main-comtent">
        <router-view />
      </div>
    </div>
  </div>

  <script type="module">import '@/main.js'</script>
</body>

</html>